<template>
  <div
    class="mask"
  ></div>
</template>

<script>
export default {
  data() {
    return {
      visibility: false,
    };
  },
  methods:{
    scroll(e){
      e.preventDefault()
    }
  },
  mounted() {
   document.body.style.height ="100vh"
    document.body.style.overflow="hidden"
  },
  destroyed() {
    document.body.style="";
  }
};
</script>

<style lang="scss" scoped>
.mask {
  position: fixed;
  inset: 0;
  background-color: rgb(33, 33, 33);
  opacity: 0.8;
  z-index: 11;
}
</style>